<!DOCTYPE html>
<html  xmlns="http://www.w3.org/1999/xhtml"
	   xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<title>我的优惠券</title>
		<link rel="stylesheet" type="text/css" th:href="@{/css/common_samplify.css}" />
		<link rel="stylesheet" type="text/css" th:href="@{/css/coupan_center.css}"/>
		<script th:src="@{/js/jquery-3.2.1.min.js}" type="text/javascript" charset="utf-8"></script>
		<!--<script type="text/javascript" th:src="@{/js/jquery.qrcode.min.js}" ></script>-->
		<!--<script type="text/javascript" th:src="@{/js/fanzone_commen.js}" ></script>-->

	</head>
	<body>
		<div class="width100" style="height: 100%;">
			<div class="header bg_snow" th:href="${flag}">
				<div class="col-3 active" id="inactive_target"  href="#inactive" >
					<a th:href="@{/buyer/userCoupon/list(flag=2,openid=${session.openid})}">待使用</a>
				</div>
				<div class="col-3" id="obigation_target" href="#obigation" >
					<a th:href="@{/buyer/userCoupon/list(flag=1,openid=${session.openid})}">待付款</a>
				</div>
				<div class="col-3" id="expired_target" href="#expired" >
					<a th:href="@{/buyer/userCoupon/list(openid=${session.openid},flag=5)}">即将过期</a>
				</div>
				<div class="col-3" id="used_target" href="#used" >
					<a th:href="@{/buyer/userCoupon/list(flag=3,openid=${session.openid})}" >已使用</a>
				</div>
			</div>


			<div class="coupan_body position_relative">
				<!--
                	作者：15755372104@126.com
                	时间：2017-12-15
                	描述：待使用
                -->
				<div id="inactive" href="0" th:each="bussiness:${userCouponList}">
					<div class="coupan_item bg_snow paddingLR10" onclick="selectCoupan(this,couponNum)">
						<div class="item_head"> 
							<span id="" th:text="${bussiness.bussinessName}">
							</span>
						</div>
						<div class="item_body position_relative" th:each="userCoupon:${bussiness.userCouponDTOList}">
							<div class="col-3">
								<img th:src="@{/img/shop_img/ms_tiandian.jpg}"/>
							</div>
							<div class="col-8">
								<span th:text="${userCoupon.couponName}"></span>
								<br />
							   有效期至 <span th:text="${#calendars.format(userCoupon.duration, 'yyyy-MM-dd')}"></span>
							</div>
							<div class="margin_auto item_to position_absolute">
								<a href="#" class=""><svg t="1513086235898" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2613" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="65"><defs><style type="text/css"></style></defs><path d="M202.666667 1024L174.222222 984.888889l597.333334-476.444445L174.222222 39.111111 202.666667 0 849.777778 508.444444z" p-id="2614" fill="#bfbfbf"></path></svg></a>
							</div>
						</div>
					</div>
					
				</div>
				<!--待支付-->
				<div id="obigation" href="1" th:each="bussiness:${userCouponList}">
					<div class="coupan_item bg_snow paddingLR10">
						<div class="item_head width100">
							<div class="col-6">
								<span id="" th:text="${bussiness.bussinessName}">
								
							</span>
							</div>
							<a href="payment.html"><div class="">
								去付款
							</div></a>
						</div>
						<div class="item_body position_relative"  th:each="userCoupon:${bussiness.userCouponDTOList}">
							<div class="col-3">
								<img th:src="@{/img/shop_img/ms_tiandian.jpg}"/>
							</div>
							<div class="col-8">
								<span th:text="${userCoupon.couponName}"></span>
								<br />
								有效期至:<span th:text="${#calendars.format(userCoupon.duration, 'yyyy-MM-dd')}"></span>
							</div>
							<div class="margin_auto item_to position_absolute">
								<a th:href="#{#}" class=""><svg t="1513086235898" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2613" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="65"><defs><style type="text/css"></style></defs><path d="M202.666667 1024L174.222222 984.888889l597.333334-476.444445L174.222222 39.111111 202.666667 0 849.777778 508.444444z" p-id="2614" fill="#bfbfbf"></path></svg></a>
							</div>
						</div>
					</div>
				</div>
				<!--快过期-->
				<div id="expired" href="2" th:each="bussiness:${userCouponList}">
					<div class="coupan_item bg_snow paddingLR10" onclick="selectCoupan1(this,'123456')">
						<div class="item_head">
							<span id="" th:text="${bussiness.bussinessName}">

							</span>
						</div>
						<div class="item_body position_relative"  th:each="userCoupon:${bussiness.userCouponDTOList}">
							<div class="col-3">
								<img th:src="@{/img/shop_img/ms_tiandian.jpg}"/>
							</div>
							<div class="col-8">
								<span th:text="${userCoupon.couponName}"></span>
								<br />
								有效期至:<span th:text="${#calendars.format(userCoupon.duration, 'yyyy-MM-dd')}"></span>
								<br/><span class="colorred">还有<span>2</span>天过期</span>
							</div>
							<div class="margin_auto item_to position_absolute">
								<svg t="1513086235898" class="icon" style="" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2613" xmlns:xlink="http://www.w3.org/1999/xlink" width="20" height="65"><defs><style type="text/css"></style></defs><path d="M202.666667 1024L174.222222 984.888889l597.333334-476.444445L174.222222 39.111111 202.666667 0 849.777778 508.444444z" p-id="2614" fill="#bfbfbf"></path></svg>
							</div>
						</div>
					</div>
				</div>
				<!--已使用-->
				<div id="used" href="3" th:each="bussiness:${userCouponList}">
					<div class="coupan_item bg_snow paddingLR10 color999">
						<div class="item_head">
							<span id="" th:text="${bussiness.bussinessName}"></span>
						</div>
						<div class="item_body position_relative"  th:each="userCoupon:${bussiness.userCouponDTOList}">
							<div class="col-3">
								<img th:src="@{/img/shop_img/ms_tiandian.jpg}" />
							</div>
							<div class="col-8 color999">
								<span th:text="${userCoupon.couponName}"></span>
								<br /> 有效期至:<span th:text="${#calendars.format(userCoupon.duration, 'yyyy-MM-dd')}"></span>
							</div>
							<div class="margin_auto item_to position_absolute item_to">
								<img th:src="@{/img/fanzone_icon/used.png}"/>
							</div>
						</div>
					</div>

				</div>

			</div>
		</div>
		<div class="cmodel">
			<div class="coupan position_relative">
				<div class="coupan_shop">

				</div>
				<div class="coupan_info margin_auto">
					<div id="" class="">
						满减券<br /> 满100减20
						<br /> 有效期至2017年12月31日
					</div>
				</div>
				<div class="coupan_verify">
					<div class="verify">
						验证码：<b id="verify"></b>
					</div>
					<div class="code_father">
						<div class="code" id="code">

						</div>
					</div>
				</div>
				<div class="coupan_leftCol position_absolute"></div>
				<div class="coupan_rightCol position_absolute"></div>
			</div>
			<div class="delCoupan">
				x
			</div>
		</div>
		<!--
				        	描述：底部导航
				        -->
		<div class="position_fix bottom0 bt row bg_snow width100">
			<div class="col-4 text_center">
				<a th:href="@{/buyer/wx_index}" class="textdecoration_none color666">首页</a>
			</div>
			<div class="col-4 text_center">
				<a th:href="@{/personalInfo(openid=${session.openid})}" class=" color666 textdecoration_none">个人中心</a>
			</div>
			<div class="col-4 text_center colorFz">
				<b>优惠券</b>
			</div>
		</div>
	</body>
	<script th:src="@{/js/coupan_center.js}" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
	$(document).ready(function () {
        alert("11111");
    });
</script>
</html>
